<template>
  home page
  <h2>{{message}}</h2>

  <h2>{{title}}</h2>

  <h2>当前计数{{counter}}</h2>
  <button>+1</button>
</template>

<script>
export default {
  props:{
    message: {
      type: String,
      required: true
    }
  },
  setup() {
    let counter = 100
    //局部函数
    const increment = ()=>{
      counter++;
    }

    return {
      title:"Hello Home",
      counter:100,
      increment
    }
  }

}
</script>

<style scoped>

</style>